<template>
  <div>
    article
    <div class="btn">
      <van-button loading type="primary" loading-type="spinner" @click="add" />
      <van-button type="primary" loading-type="spinner" @click="addOne" />
    </div>
    <FooterBar></FooterBar>
  </div>
</template>
<script>
import FooterBar from "../components/FooterBar";
import { Button } from "vant";
export default {
  components: {
    FooterBar,
    [Button.name]: Button
  },
  methods: {
    add() {
      console.log("add");
    },
    addOne() {
      console.log("addOne");
    }
  }
};
</script>
<style lang="scss" scoped>
.btn {
  display: flex;
  justify-content: space-between;
}
</style>
